<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/dlg_fram.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <!-- InstanceBeginEditable name="doctitle" -->
  <title>无标题文档</title>
  <!-- InstanceEndEditable -->
  <link href="css/global.css" rel="stylesheet" type="text/css" />
  <link href="css/tinyscrollbar.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="js/jquery/jquery-1.10.2.min.js"></script>
  <script src="js/toolTip/toolTip.js" type="text/javascript"></script>
  <script type="text/javascript" src="js/scroll/jquery.tinyscrollbar.js"></script>
  <style type="text/css">
  #center #CentContent {
  margin-left:75px !important;
  margin-left:72px;
  height:679px;
  background:red;
  }
  #center #lefgToolBar ul {
  padding-top: 14px;
  padding-bottom: 12px;
  background-color: #0d0d0d;
  }
  #center #lefgToolBar ul li .toolBarItem {
  background-image: url(images/leftItemNormal.png);
  height: 48px;
  background-repeat: no-repeat;
  display:block;
  background-image: url(images/lefticon/leftItemNormal.png);
  padding-top: 5px;
  padding-right: 0;
  padding-bottom: 0px;
  margin-left: -2px;
  text-align:center;
  }
  #center #lefgToolBar ul li .toolBarItem:hover {
  background-image: url(images/lefticon/leftItemHover.png);
  }
  .toolTip {
  width:100px;
  height:20px;
  line-height:20px;
  background:#131313;
  display:block;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #666;
  }
  </style>
  <script type="text/javascript">
  $(function() {
    var scrool, n = 0;
    //$(document).ready(function(){
    $('#body_content').height($(window).height()).width($(window).width());
    scrool = $('#body_content').tinyscrollbar({
      bodyscroll: true
    });
    //          });
    $(window).resize(function() {});
    //jquery阻止用户点Backspace返回上一页
    $(document).keydown(function(e) {
      var target = e.target;
      var tag = e.target.tagName.toUpperCase();
      if (e.keyCode == 8) {
        if ((tag == 'INPUT' && !$(target).attr("readonly")) || (tag == 'TEXTAREA' && !$(target).attr("readonly"))) {
          if ((target.type.toUpperCase() == "RADIO") || (target.type.toUpperCase() == "CHECKBOX")) {
            return false;
          } else {
            return true;
          }
        } else {
          return false;
        }
      }
    });
  });
  </script>
  <link href="css/gen_list.css" rel="stylesheet" type="text/css" />
  <style type="text/css">
  .itemsbody {
  width:auto;
  height:100%;
  margin-right: 0;
  margin-left: 0;
  }
  #body_content #center #CentContent #dlgtest #scroll_bd #itemsbody_layout {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align:center;
  }
  </style>
  <link href="css/dlg_fram.css" rel="stylesheet" type="text/css" />
  <!-- InstanceBeginEditable name="head" -->
  <link rel="stylesheet" href="js/jqwidgets/styles/jqx.base.css" type="text/css" />
  <link rel="stylesheet" href="js/jqwidgets/styles/jqx.black.css" type="text/css" />
  <script type="text/javascript" src="js/channel_status.js"></script>
  <script type="text/javascript" src="js/jqwidgets/jqx-all.js"></script>
  <style type="text/css">
  .channel-item {
  height: 100px;
  width: 100px;
  cursor:pointer;
  float: left;
  }
  .channel-item:hover {
  color:red;
  border: 1px outset #CCC;
  }
  .channel-item .status {
  float: left;
  height: 18px;
  width: 18px;
  margin: auto;
  background-image: url(images/run_status.png);
  }
  .channel-item img {
  height: 70px;
  width: 96px;
  margin:0 auto;
  
  }
  .channel-item .text {
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  height: 20px;
  }
  .dlgBody_layout ul li {
  height: 120px;
  width: 120px;
  float: left;
  margin: 0px;
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 8px;
  }
  .channel-item .item-img {
  clear: both;
  height: 68px;
  width: 100px;
  padding: 0px;
  margin-bottom: 5px;
  text-align:center;
  }
  .channel-item .status.st_on {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  }
  .channel-item .status.st_off {
  background-position: 0px 18px;
  }
  .code_header .time ,.code_content .time{
  float: left;
  height: 20px;
  width: 150px;
  }
  </style>
  <!-- InstanceEndEditable -->
</head>
<!---->
<body  scroll="no"  oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=document.selection.empty() >
  <div id="body_content">
    <div id="header"></div>
    <div id="center">
      <div id="lefgToolBar">
        <div id="toolBarUp"></div>
        <ul>
          <li ><a href="index.html" class="toolBarItem"><img alt="系统主界面" src="images/lefticon/iconHome.png"  width="40" height="40" /></a></li>
          <li ><a href="gen_list.html" class="toolBarItem"><img alt="风机数据" src="images/lefticon/iconWind.png" width="40" height="40" /></a></li>
          <li ><a href="#" class="toolBarItem"><img  alt="SVG数据" src="images/lefticon/iconSvg.png" width="40" height="40" /></a></li>
          <li ><a href="his_table.html" class="toolBarItem"><img alt="历史查询" src="images/lefticon/iconHistory.png"  width="40" height="40" /></a></li>
          <li ><a href="channel_status.html" class="toolBarItem"><img  alt="通道状态" src="images/lefticon/iconStatus.png" width="40" height="40" /></a></li>
          <li ><a href="event.html" class="toolBarItem"><img  alt="系统日志" src="images/lefticon/iconLog.png"  width="40" height="40" /></a></li>
          <li ><a href="Config/index.html" class="toolBarItem"><img alt="系统设置 " src="images/lefticon/Setting.png"  width="40" height="40" /></a></li>
        </ul>
        <div id="toolBarDown"></div>
      </div>
      
      <div id="CentContent" class="borderRadius">
        <!--  对话框-->
        <div class="dlg borderRadius" id="dlgtest" style="display:block">
          <!-- InstanceBeginEditable name="EditRegion2" -->
          <div id="head" class="dlgHeader">
            <div  class="dlgClose"> 关闭 </div>
          </div>
          <div id="tool" class="dlgToolBar">
            <div id="back_to_channel" class="tool_btn"> 通道选择</div>
          </div>
          <div id="channel_code"  class="dlgBody"  style="display:none; ">
            
            
            
            
          </div>
          <div class="dlgBody" id="scroll_bd" style="display:black">
            <div class="dlgBody_layout">
              <ul>
                
                <li>
                  <div class="channel-item" targe="">
                    <div class="item-img"> <img src="images/iec104_s.png"/></div>
                    <div class="status st_on"></div>
                    <div class="text"> #3机组</div>
                  </div>
                </li>
                
                <li>
                  <div class="channel-item">
                    <div class="item-img"> <img src="images/iec104_s.png"/></div>
                    <div class="status st_off"></div>
                    <div class="text">#3机组</div>
                  </div>
                </li>
                <li>
                  <div class="channel-item">
                    <div class="item-img"> <img src="images/iec104_s.png"/></div>
                    <div class="status"></div>
                    <div class="text">#3机组</div>
                  </div>
                </li>
                <li>
                  <div class="channel-item">
                    <div class="item-img"> <img src="images/iec101_s.png"/></div>
                    <div class="status st_off"></div>
                    <div class="text">#3机组</div>
                  </div>
                </li>
                <li>
                  <div class="channel-item">
                    <div class="item-img"> <img src="images/iec104_s.png"/></div>
                    <div class="status st_off"></div>
                    <div class="text">#3机组</div>
                  </div>
                </li>
                <li>
                  <div class="channel-item">
                    <div class="item-img"> <img src="images/iec104_s.png"/></div>
                    <div class="status st_off"></div>
                    <div class="text">#3机组</div>
                  </div>
                </li>
                <li>
                  <div class="channel-item">
                    <div class="item-img"> <img src="images/iec104_s.png"/></div>
                    <div class="status"></div>
                    <div class="text">#3机组</div>
                  </div>
                </li>
                <li>
                  <div class="channel-item">
                    <div class="item-img"> <img src="images/iec104_s.png"/></div>
                    <div class="status"></div>
                    <div class="text">#3机组</div>
                  </div>
                </li>
                <li>
                  <div class="channel-item">
                    <div class="item-img"> <img src="images/iec104_s.png"/></div>
                    <div class="status"></div>
                    <div class="text">#3机组</div>
                  </div>
                </li>
                <li>
                  <div class="channel-item">
                    <div class="item-img"> <img src="images/iec104_s.png"/></div>
                    <div class="status"></div>
                    <div class="text">#3机组</div>
                  </div>
                </li>
                
                
              </ul>
            </div>
          </div>
          <!-- InstanceEndEditable -->
          <div class="dlgFlooder" id="dlgf"></div>
        </div>
      </div>
      
      
      
      </div><!--end center-->
      <div id="flooder"> </div>
      
      </div><!--end body-->
    </body>
    <!-- InstanceEnd --></html>